<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('来电记录详情')"/>
    <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/jQuery-ui/jquery-ui.css}" rel="stylesheet">

</head>


<body style="background-color: #F4F6FA">
<div class="main-content" style="margin: 0;padding: 0">

    <form id="form-user-add" class="form-horizontal" th:object="${telGetDeal}" style="background-color: #F4F6FA">

        <div class="col-sm-12" style="display: flex">
            <!--     左       -->
            <div class="col-sm-6 entering-page">
                <!--    历史来电    -->
                <div class="col-sm-12 entering-top">
                    <div>历史来电数:<strong>[[${history}]]</strong></div>
                    <div>不满意:<strong>[[${noLike}]]</strong></div>
                    <div>常涉问题:<strong>[[${problem}]]</strong></div>
                </div>
                <!--事发地址-->
                <div class="col-sm-12 entering-mt">
                    <div class="form-group">
                        <label class="col-sm-2 control-label is-required entering-pd">事发地址：</label>
                        <div class="col-sm-8">
                            <input name="fmAddress" placeholder="请输入" class="form-control scene theAddress" type="text"
                                   maxlength="30" th:value="*{fmAddress}"
                                   required="">
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-sm btn-primary"
                                    style="margin-top: 3px;color: #206ef7;background-color: white"
                                    onclick="sensitivity('read')">敏感信息
                            </button>
                        </div>
                    </div>
                </div>
                <!--来电类容-->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-2 control-label entering-pd">来电内容：</label>
                        <div class="col-xs-10">
                            <textarea name="fmContent" maxlength="1000" class="form-control phoneRemark" rows="3"
                                      style="height: 100px">[[${telGetDeal.fmContent}]]</textarea>

                            <span>还可以输入<i class="phoneRemarkI">1000</i>个文字</span>
                            <!-- <button type="button" class="btn btn-sm btn-primary" style="position: absolute;right: 15px"
                                     onclick="identification()">历史记录
                             </button>-->

                        </div>
                    </div>
                </div>
                <!--来电人名等，关键词等，分两个部分-->
                <!--来电人名等-->
                <div class="col-sm-6">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">来电人名：</label>
                            <div class="col-sm-8">
                                <input name="fromName" placeholder="请输入" class="form-control phoneName" type="text"
                                       maxlength="5" required="" th:value="*{fromName}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label entering-pd">联系电话：</label>
                            <div class="col-sm-8">
                                <input name="fromTelA" placeholder="请输入" class="form-control relationPhone" type="text"
                                       maxlength="11" required="" th:field="*{fromTelA}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">来电类别：</label>
                            <div class="col-sm-8">
                                <input name="dfmClaName" placeholder="请输入" class="form-control relationPhone" type="text"
                                       maxlength="11" required="" th:value="*{dfmClaName}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">内容类别：</label>
                            <div class="col-sm-8">
                                <input name="dcntAname" placeholder="请输入" class="form-control relationPhone" type="text"
                                       maxlength="11" required="" th:value="*{dcntAname}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label entering-pd">被诉主体：</label>
                            <div class="col-sm-8">
                                <input name="accSubject" placeholder="请输入" class="form-control" type="text"
                                       maxlength="30" required="" id="subject" th:value="*{accSubject}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label entering-pd">流水号：</label>
                            <div class="col-sm-8">
                                <input name="wsCode" placeholder="请输入" class="form-control" type="text"
                                       maxlength="30" th:value="*{wsCode}">
                            </div>
                        </div>
                    </div>

                </div>


                <!--bootstrap关键词等-->
                <div class="col-sm-6">
                    <div>关键词标签</div>
                </div>
                <div class="col-sm-6">
                    <input class="antistop" name="keyWord" th:value="*{keyWord}" type="text" value="" data-role="tagsinput">
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">屏蔽号码：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="hideTel" type="radio" value="5" th:checked="${telGetDeal.hideTel == 5}">是
                            </label>
                            <label class="check-box">
                                <input name="hideTel" type="radio" value="0" th:checked="${telGetDeal.hideTel ne 5}">否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">同意公开：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="openFrom" type="radio" value="1" th:checked="${telGetDeal.openFrom == 1}">是
                            </label>
                            <label class="check-box">
                                <input name="openFrom" type="radio" value="0" th:checked="${telGetDeal.openFrom == 0}">否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">重复来电：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="repeatFlag" type="radio" value="1" th:checked="${telGetDeal.repeatFlag == 1}">是
                            </label>
                            <label class="check-box">
                                <input name="repeatFlag" type="radio" value="0" th:checked="${telGetDeal.repeatFlag == 0}">否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">紧急联系：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="mark" type="radio" value="1" th:checked="${telGetDeal.mark == 1}">是
                            </label>
                            <label class="check-box">
                                <input name="mark" type="radio" vaue="0" th:checked="${telGetDeal.mark == 0}">否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">提取码：</label>
                        <div class="col-xs-8">
                            <input name="wsKey" placeholder="请输入" class="form-control" type="text"
                                   maxlength="30" th:value="*{wsKey}">
<!--                            [[*{wsKey}]]-->
                        </div>
                    </div>
                </div>
            </div>

            <!--     右       -->
            <div class="col-sm-6 entering-page">
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">坐席处理情况</h4>
                </div>
                <div class="col-sm-12">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">接听人：</label>
                            <div class="col-sm-8">
                                <input name="liftWorker" placeholder="请输入" class="form-control answer" type="text"
                                       maxlength="5" required="" th:field="*{liftWorker}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">接通时间：</label>
                            <div class="col-sm-8">
                                <input name="fromTime" placeholder="请输入" class="form-control answerTime" type="text"
                                       maxlength="5" required="" th:field="*{fromTime}">
                            </div>
                        </div>
                    </div>
                    <!-- <div class="col-sm-6">
                         <div class="form-group">
                             <label class="col-sm-4 control-label entering-pd">处理结果：</label>
                             <div class="col-sm-8">
                                 <input name="result" placeholder="请输入" class="form-control result" type="text"
                                        maxlength="5" required="">
                             </div>
                         </div>
                     </div>-->
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">挂断时间：</label>
                            <div class="col-sm-8">
                                <input name="liftEnd" placeholder="请输入" class="form-control hangUpTime" type="text"
                                       maxlength="5" required="" th:field="*{liftEnd}">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-xs-4 control-label entering-pd">坐席备注：</label>
                            <div class="col-xs-8">
                                <textarea name="SeatsRemark" maxlength="3500" class="form-control SeatsRemark"
                                          rows="3" style="height: 150px">[[${telGetDeal.xsysDesc}]]</textarea>
                                <span>还可以输入<i class="SeatsRemarkI">3500</i>个文字</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-xs-4 control-label entering-pd">交办意见：</label>
                            <div class="col-xs-8">
                                <textarea name="opinion" maxlength="3500" class="form-control opinion"
                                          rows="3" style="height: 150px">[[${telGetDeal.xdealDesc}]]</textarea>
                                <span>还可以输入<i class="opinionI">3500</i>个文字</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">值班长处理情况</h4>
                </div>
                <div class="col-sm-12">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">处理结果：</label>
                            <div class="col-sm-8">
                                <input name="stateDesc" placeholder="请输入" class="form-control phoneName" type="text"
                                       maxlength="5" required="" th:field="*{stateDesc}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">备注：</label>
                            <div class="col-sm-8">
                                <input name="ysysDesc" placeholder="请输入" class="form-control phoneName" type="text"
                                       maxlength="5" required="" th:field="*{ysysDesc}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">处理意见：</label>
                            <div class="col-sm-8">
                                <input name="ydealDesc" placeholder="请输入" class="form-control phoneName" type="text"
                                       maxlength="5" required="" th:field="*{ydealDesc}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">处理时间：</label>
                            <div class="col-sm-8">
                                <input name="yeditTime" placeholder="请输入" class="form-control disposeTime" type="text"
                                       maxlength="5" required="" th:field="*{yeditTime}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">处理人：</label>
                            <div class="col-sm-8">
                                <label class="form-control-static" th:text="${operator}"></label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12" style="margin-bottom: 10px;display: flex;justify-content: flex-end;flex-direction: row;">
                    &nbsp;&nbsp;&nbsp;
                    <button type="button" class="btn btn-sm btn-warning" onclick="gclose()">关闭
                    </button>&nbsp;
                </div>
            </div>
        </div>

    </form>


</div>

<script th:src="@{/ajax/libs/layui/laydate.js}"></script>
<th:block th:include="include :: footer"/>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/js/teldetail.js}"></script>
<script th:src="@{/js/teladd.js}"></script>
<script th:src="@{/js/sensitivity.js}"></script>
</body>
</html>

